header {
    padding: .18rem;
    background-color: #fece02;
}

header .container {
    width: 7.18rem;
    height: .69rem;
    margin: 0 auto;
}

header .container .logo {
    float: left;
    margin: .06rem .50rem 0 .19rem;
}

header .container .logo, header .container .logo img {
    width: .64rem;
    height: .64rem;
}

header .container .search {
    float: left;
    width: 3.81rem;
    height: .38rem;
    border-radius: .31rem;
    background: rgba(255, 255, 255, .5);
    padding: .18rem .25rem .13rem;
}

header .container .search img {
    float: left;
    width: .38rem;
    height: .37rem;
}

header .container .search input {
    float: left;
    width: 3.2rem;
    height: .38rem;
    line-height: .38rem;
    padding-left: .20rem;
    border: none;
    outline: none;
    background: rgba(255, 255, 255, 0);
}

header .container .search input, header .container .search input::-webkit-input-placeholder {
    color: #fff5c9;
    font-size: .3rem;
}

header .container .sm, header .container .sm img, header .container .info, header .container .info img {
    width: .44rem;
    height: .68rem;
}

header .container .sm {
    float: left;
    margin: .15rem .45rem .16rem .20rem;
}

header .container .sm img {
    width: .44rem;
    height: .39rem;
}

header .container .l {
    float: left;
    margin: .13rem 0;
}

header .container .l img {
    width: .39rem;
    height: .43rem;
}

footer{
    width: 100%;
    height: 1.13rem;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #ffffff;
    border-top: 2px #c3c3c3 solid;
}
footer .container{
    width: 7.17rem;
    margin: .1rem auto;

}
footer nav.container a{
    float: left;
    width: 1.06rem;
    text-align: center;
    font-size: .24rem;
    color: #949494;
    line-height: .35rem;
    margin: 0 .48rem;
}
footer nav.container img{
    height: .55rem;
}
footer nav.container .home{
    color: #fea31e;
}
footer nav.container a:first-child{
    margin-left: 0
}
footer nav.container a:last-child{
    margin-right: 0
}